<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Grid Template · Bootstrap v5.1</title>
    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/grid/">
    <!-- Bootstrap core CSS -->
    <link href="https://getbootstrap.com//docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <!-- Favicons -->
    <link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
    <link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
    <link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
    <link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
    <link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
    <link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
    <meta name="theme-color" content="#7952b3">
     <style>
      body {
          background: url("../static/images/IMG-1.jpg") center 0 ;
          background-repeat: no-repeat;
          background-size: cover;
          background-attachment: fixed;
         }
    </style>
    <!-- Custom styles for this template -->
    <link href="grid.css" rel="stylesheet">
  </head>
<body class="py-4">


<main>
  <div class="container">

    <h1>MINAMILAYA SHOP</h1>
    <p class="lead">公告:新款即将上线！感谢大家支持与等待！</p>
    <p>MINAMILAYA<code></code>欢迎线上选购与门店自提</p>

    <h2 class="mt-4">以下是您购买的商品列表</h2>
    <p>阁下可应用资金为99999元，欢迎选购及预定或下次光临.</p>

    <div class="row mb-3">
      <div class="col-4 themed-grid-col">款式</div>
      <div class="col-4 themed-grid-col">价格</div>
      <div class="col-4 themed-grid-col">库存</div>
    </div>

    <div class="row mb-3">
      <div class="col-sm-4 themed-grid-col">宽松直筒长裤</div>
      <div class="col-sm-4 themed-grid-col">788RMB</div>
      <div class="col-sm-4 themed-grid-col">需预定</div>
    </div>

    <div class="row mb-3">
      <div class="col-md-4 themed-grid-col">全棉针织衫polo</div>
      <div class="col-md-4 themed-grid-col">698RMB</div>
      <div class="col-md-4 themed-grid-col">4件</div>
    </div>

    <div class="row mb-3">
      <div class="col-lg-4 themed-grid-col">圆领衫</div>
      <div class="col-lg-4 themed-grid-col">398RMB</div>
      <div class="col-lg-4 themed-grid-col">12件</div>
    </div>

    <div class="row mb-3">
      <div class="col-xl-4 themed-grid-col">皮质拼接袋</div>
      <div class="col-xl-4 themed-grid-col">368RMB</div>
      <div class="col-xl-4 themed-grid-col">50件</div>
    </div>

    <div class="row mb-3">
      <div class="col-xxl-4 themed-grid-col">牛仔夹克</div>
      <div class="col-xxl-4 themed-grid-col">1088RMB</div>
      <div class="col-xxl-4 themed-grid-col">10件</div>
    </div>

    <h2 class="mt-4">感谢支持！</h2>
    <p>MINAMILAYA祝您生活愉快！<strong></strong></p>










    <h2 class="mt-4"></h2>





































  </div>










</main>





</body>

<!DOCTYPE html>
<html lang="en"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Album example · Bootstrap v5.1</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


  </head>
  <body>



<main>



  <div class="album py-5 bg-light">
    <div class="container">

      <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">宽松直筒长裤</text></svg>

            <div class="card-body">
              <p class="card-text">788RMB</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">购买</button>
                  <button type="button"></button>
                </div>
                <small class="text-muted">需预定</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">全棉针织衫polo</text></svg>

            <div class="card-body">
              <p class="card-text">698RMB</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">购买</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary"></button>
                </div>
                <small class="text-muted">库存：4件</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">圆领衫</text></svg>

            <div class="card-body">
              <p class="card-text">398RMB</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">购买</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary"></button>
                </div>
                <small class="text-muted">库存：12件</small>
              </div>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">皮质拼接袋</text></svg>

            <div class="card-body">
              <p class="card-text">398RMB</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">购买</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary"></button>
                </div>
                <small class="text-muted">库存：50件</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">牛仔夹克</text></svg>

            <div class="card-body">
              <p class="card-text">1088RMB</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">购买</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary"></button>
                </div>
                <small class="text-muted">库存：10件</small>
              </div>
            </div>
          </div>
        </div>





      </div>
    </div>
  </div>

</main>









</body></html>